<template>
  <div class="container">
    <div class="formContent">
      <div class="title">正在领取万元红包券</div>
      <div class="desc">请准确填写您的信息</div>
      <div class="formLine">
        <div class="itemTitle">选择意向购车经销商</div>
        <input type="text" class="inputItem" />
        <div class="bottomLine"></div>
      </div>
      <div class="formLine">
        <div class="itemTitle">输入您的姓名</div>
        <input type="text" class="inputItem" />
        <div class="bottomLine"></div>
      </div>
      <div class="formLine">
        <div class="itemTitle">输入您的手机号码</div>
        <input type="text" class="inputItem" />
        <div class="bottomLine"></div>
      </div>
      <div class="phoneStatus">
        <div class="phone_right">
          <img src="@/assets/icons/right_icon.png" alt />
          <span class="tips">手机号码可用</span>
        </div>
      </div>
      <div class="phoneStatus">
        <div class="phone_right">
          <img src="@/assets/icons/wrong_icon .png" alt />
          <span class="tips">手机号码不正确</span>
        </div>
      </div>
      <div class="phoneStatus">
        <div class="phone_right">
          <img src="@/assets/icons/notes_icon.png" alt />
          <span class="tips">该用户已报名预付</span>
        </div>
      </div>
      <div class="formLine">
        <div class="itemTitle">输入备注</div>
        <input type="text" class="inputItem" />
        <div class="bottomLine"></div>
      </div>
      <div>
        <div class="checkbox">
          <img src="@/assets/icons/selected_icon.png" alt />
          <img src="@/assets/icons/unselected_icon.png" alt />
          <span
            style="font-size:13px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(102,102,102,1);"
          >同意《网站用户隐私协议》</span>
        </div>
      </div>

      <div class="submitForm">
        <div class="button" @click="toSure">提交</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      
    };
  },
  methods: {
    toSure(){
      this.$router.push("/sureRedEnvelopes")
    }
  }
};
</script>
<style lang="scss" scoped>
.container {
  padding: 0.2rem;
  padding-top: 0.18rem;
  .formContent {
    width: 3.35rem;
    height: 5.57rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 1px;
    padding-top: 0.2rem;
    padding-left: 0.2rem;
    .title {
      font-size: 0.21rem;
      font-family: PingFangSC-Medium;
      font-weight: 500;
      color: rgba(24, 24, 24, 1);
      text-align: center;
      margin-top: 0.2rem;
      margin-bottom: 0.3rem;
    }
    .desc {
      margin-top: 0.08rem;
      font-size: 0.14rem;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: rgba(102, 102, 102, 1);
      text-align: center;
    }
    .formLine {
      margin-top: 0.18rem;
      .itemTitle {
        font-size: 0.12rem;
        font-family: PingFangTC-Regular;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        text-align: left;
      }
      .inputItem {
        margin-top: 0.1rem;
        font-size: 0.15rem;
        font-family: PingFangTC-Medium;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        border: none;
        outline: none;
        margin-bottom: 0.1rem;
      }
      .bottomLine {
        width: 2.95rem;
        height: 1px;
        box-shadow: 0px 1px 0px 0px rgba(232, 232, 232, 1);
      }
    }
    .phoneStatus {
      margin-top: 0.1rem;
      .phone_right {
        font-size: 0.13rem;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        vertical-align: middle;
        img {
          vertical-align: middle;
        }
        .tips {
        }
      }
    }
    .checkbox {
      margin-top: .1rem;
      img {
        vertical-align: middle;
      }
    }
    .submitForm {
      margin-top: .2rem;
      .button {
        width: 2.95rem;
        height: 0.52rem;
        background: rgba(230, 0, 32, 1);
        border-radius: 1px;
        font-size: .18rem;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        line-height: .52rem;
        text-align: center;
      }
    }
  }
}
</style>

